<%--
  Created by IntelliJ IDEA.
  User: asus
  Date: 2022/11/28
  Time: 15:03
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/movie_rank.css">
    <!-- 导入 layui -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/layui/css/layui.css">
    <script src="${pageContext.request.contextPath}/layui/layui.js"></script>
    <script src="${pageContext.request.contextPath}/layer.js"></script>
    <title>榜单</title>
</head>
<body>
<div class="layui-container header">
    <div class="layui-row ">
        <div class="layui-col-md3">
            <img src= "images/logo.png" alt="">
            <p class="logo_font">IRON电影</p>
        </div>
        <div class="layui-col-md5">
            <span class="layui-breadcrumb " lay-separator="  " >
            <a href="http://localhost:8080/demo/product">首页</a>
              <a href="http://localhost:8080/demo/film">电影</a>
            <a href="https://www.bilibili.com/">体育</a>
            <a href="https://www.bilibili.com/">搞笑</a>
            <a href="https://www.bilibili.com/">视频</a>
            <a href="hot.jsp">热点</a>

            <a href="movie_rank.jsp">榜单</a>
          </span>
        </div>
        <div class="layui-col-md2">
            <div class="header_user">
                <a href="personalCenter.jsp" id="header_myself"><span>个人中心</span></a>
                <a href="https://https://www.bilibili.com/"> <img id="header_myself_logo" src="./images/user.png" alt=""></a>
            </div>
        </div>
    </div>
</div>
<div class="container">
    <div class="wrapper">
        <div class="main">
            <p class="text-time">
                "2023-11-12"
                <span class="has-fresh-text">已更新</span>
            </p>
            <p class="list-flow">榜单规则：将国内热映的影片，按照评分从高到低排列取前10名，每天上午10点更新。相关数据来源于“皇家影院专业版”及“皇影电影库”。</p>
            <div class="board-wrapper">
                <div class="item">
                    <i class="board-index board-index-1">
                        <img  src="${pageContext.request.contextPath}/images/NO_1.png">
                    </i>
                    <a href="http://localhost:8080/demo/product/flim/4">
                        <img alt="万里归途" class="board-img" src="https://p0.pipi.cn/mmdb/25bfd6ddb53c7e5015d23c5bc24d876c03d41.jpg?imageView2/1/w/160/h/220">
                    </a>
                    <div class="board-item-main">
                        <div class="board-item-content">
                            <div class="board-item-info">
                                <a href="http://localhost:8080/demo/product/4" class="name">
                                    万里归途
                                </a>
                                <p class="star">
                                    主演：张译,王俊凯,殷桃
                                </p>
                                <p class="releasetime">上映时间：2023-11-22</p>
                            </div>
                            <div class="movie-item-number score-num">
                                <p class="score">
                                    <i class="integer">9.</i>
                                    <i class="fraction">6</i>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <i class="board-index board-index-2">2</i>
                    <img alt="扫黑行动" class="board-img" src="./images/m2.jpg">
                    <div class="board-item-main">
                        <div class="board-item-content">
                            <div class="board-item-info">
                                <a href="http://localhost:8080/demo/product/2" class="name">
                                    扫黑行动
                                </a>
                                <p class="star">
                                    主演：李冰冰,冯绍峰,黄晓明
                                </p>
                                <p class="releasetime">上映时间：2023-11-19</p>
                            </div>
                            <div class="movie-item-number score-num">
                                <p class="score">
                                    <i class="integer">9.</i>
                                    <i class="fraction">3</i>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <i class="board-index board-index-2">3</i>
                    <img alt="名侦探柯南" class="board-img" src="./images/m1.jpg">
                    <div class="board-item-main">
                        <div class="board-item-content">
                            <div class="board-item-info">
                                <a href="http://localhost:8080/demo/product/1" class="name">
                                    名侦探柯南
                                </a>
                                <p class="star">
                                    主演：高山南,山崎和佳奈,小山力也
                                </p>
                                <p class="releasetime">上映时间：2023-11-16</p>
                            </div>
                            <div class="movie-item-number score-num">
                                <p class="score">
                                    <i class="integer">9.</i>
                                    <i class="fraction">2</i>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <i class="board-index board-index-4">4</i>
                    <img alt=" 忍者神龟-崛起" class="board-img" src="./images/m3.jpg">
                    <div class="board-item-main">
                        <div class="board-item-content">
                            <div class="board-item-info">
                                <a href="http://localhost:8080/demo/product/3" class="name">
                                    忍者神龟-崛起
                                </a>
                                <p class="star">
                                    主演：本·施瓦茨,奥马·本森·米勒,布兰登·史密斯
                                </p>
                                <p class="releasetime">上映时间：2023-11-23</p>
                            </div>
                            <div class="movie-item-number score-num">
                                <p class="score">
                                    <i class="integer">9.</i>
                                    <i class="fraction">2</i>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <i class="board-index board-index-4">5</i>
                    <img alt=" 我的遗憾和你有关" class="board-img" src="./images/m7.jpg">
                    <div class="board-item-main">
                        <div class="board-item-content">
                            <div class="board-item-info">
                                <a href="http://localhost:8080/demo/product/7" class="name">
                                    我的遗憾和你有关
                                </a>
                                <p class="star">
                                    主演：安德烈·伯科夫斯基,阿格莱亚·塔拉索娃,丹尼拉·亚库...
                                </p>
                                <p class="releasetime">上映时间：2023-12-02</p>
                            </div>
                            <div class="movie-item-number score-num">
                                <p class="score">
                                    <i class="integer">8.</i>
                                    <i class="fraction">7</i>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <i class="board-index board-index-4">6</i>
                    <img alt="坠落" class="board-img" src="./images/m6.jpg">
                    <div class="board-item-main">
                        <div class="board-item-content">
                            <div class="board-item-info">
                                <a href="http://localhost:8080/demo/product/6" class="name">
                                    坠落
                                </a>
                                <p class="star">
                                    主演：维吉尼亚·加德纳,格雷斯·卡罗琳·柯里 ,梅森·古丁
                                </p>
                                <p class="releasetime">上映时间：2023-11-23</p>
                            </div>
                            <div class="movie-item-number score-num">
                                <p class="score">
                                    <i class="integer">8.</i>
                                    <i class="fraction">5</i>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <i class="board-index board-index-4">7</i>
                    <img alt="沼泽深处的女孩" class="board-img" src="./images/m8.jpg">
                    <div class="board-item-main">
                        <div class="board-item-content">
                            <div class="board-item-info">
                                <a href="http://localhost:8080/demo/product/8" class="name">
                                    沼泽深处的女孩
                                </a>
                                <p class="star">
                                    主演：黛西·埃德加-琼斯,哈里斯·迪金森,加瑞特·迪拉胡特
                                </p>
                                <p class="releasetime">上映时间：2023-12-02</p>
                            </div>
                            <div class="movie-item-number score-num">
                                <p class="score">
                                    <i class="integer">8.</i>
                                    <i class="fraction">4</i>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <i class="board-index board-index-4">8</i>
                    <img alt="新灰姑娘2" class="board-img" src="./images/m13.jpg">
                    <div class="board-item-main">
                        <div class="board-item-content">
                            <div class="board-item-info">
                                <p class="name">新灰姑娘2</p>
                                <p class="star">
                                    主演：蒋丽,邵敏佳,赵路
                                </p>
                                <p class="releasetime">上映时间：2023-12-01</p>
                            </div>
                            <div class="movie-item-number score-num">
                                <p class="score">
                                    <i class="integer">8.</i>
                                    <i class="fraction">4</i>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <i class="board-index board-index-4">9</i>
                    <img alt="狗猫武林" class="board-img" src="./images/m12.jpg">
                    <div class="board-item-main">
                        <div class="board-item-content">
                            <div class="board-item-info">
                                <p class="name">狗猫武林</p>
                                <p class="star">
                                    主演：周一围,秦海璐,张智霖
                                </p>
                                <p class="releasetime">上映时间：2023-11-12</p>
                            </div>
                            <div class="movie-item-number score-num">
                                <p class="score">
                                    <i class="integer">8.</i>
                                    <i class="fraction">1</i>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <i class="board-index board-index-4">10</i>
                    <img alt="搜救" class="board-img" src="./images/m14.jpg">
                    <div class="board-item-main">
                        <div class="board-item-content">
                            <div class="board-item-info">
                                <p class="name">搜救</p>
                                <p class="star">
                                    主演：甄子丹,韩雪,贾冰
                                </p>
                                <p class="releasetime">上映时间：2023-12-03</p>
                            </div>
                            <div class="movie-item-number score-num">
                                <p class="score">
                                    <i class="integer">7.</i>
                                    <i class="fraction">9</i>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <img src="${pageContext.request.contextPath}/images/footer.png">
</div>
</body>
<script></script>
</html>
